<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>角色管理</title>
    <%@ include file="common.jsp" %>
    <script type="text/javascript" src="/static/js/dataDictionary.js"></script>
</head>
<body>

<%--两个数据框,布局实现--%>
<div id="cc" class="easyui-layout" style="width:600px;height:400px;" fit="true">
    <div data-options="region:'west',title:'字典目录'" style="width:600px;">
        <table id="dictionary_datagrid"></table>
    </div>
    <div data-options="region:'center',title:'字典目录明细'">
        <table id="dictionaryItem_datagrid"></table>
    </div>
</div>

<%--目录工具栏--%>
<div id="dictionary_toolbar">
    <a class="easyui-linkbutton" iconCls="icon-add" plain="true" data-cmd="add">新增</a>
    <a class="easyui-linkbutton" iconCls="icon-edit" plain="true" data-cmd="edit">编辑</a>
    <a class="easyui-linkbutton" iconCls="icon-remove" plain="true" data-cmd="remove">删除</a>
    <a class="easyui-linkbutton" iconCls="icon-reload" plain="true" data-cmd="reload">刷新</a>
</div>

<%--目录弹出框buttons--%>
<div id="dictionary_btns">
    <a class="easyui-linkbutton" iconCls="icon-save" plain="true" data-cmd="save">保存</a>
    <a class="easyui-linkbutton" iconCls="icon-cancel" plain="true" data-cmd="cancel">取消</a>
</div>
<%--目录弹出框--%>
<div id="dictionary_dialog">
    <form id="dictionary_form" method="post">
        <input type="hidden" name="id">
        <table align="center" style="margin-top:15px">
            <tr>
                <td>目录编码</td>
                <td><input type="text" name="sn"/></td>
            </tr>
            <tr>
                <td>目录名称</td>
                <td><input type="text" name="name"/></td></td>
            </tr>
            <tr>
                <td>目录简介</td>
                <td><input type="text" name="info"/></td></td>
            </tr>
        </table>
    </form>
</div>

<%--明细工具栏--%>
<div id="dictionaryItem_toolbar">
    <a class="easyui-linkbutton" iconCls="icon-add" plain="true" data-cmd="addItem">新增</a>
    <a class="easyui-linkbutton" iconCls="icon-edit" plain="true" data-cmd="editItem">编辑</a>
    <a class="easyui-linkbutton" iconCls="icon-remove" plain="true" data-cmd="removeItem">删除</a>
    <a class="easyui-linkbutton" iconCls="icon-reload" plain="true" data-cmd="reloadItem">刷新</a>
</div>
<%--明细弹出框按钮--%>
<div id="dictionaryItem_btns">
    <a class="easyui-linkbutton" iconCls="icon-save" plain="true" data-cmd="saveItem">保存</a>
    <a class="easyui-linkbutton" iconCls="icon-cancel" plain="true" data-cmd="cancelItem">取消</a>
</div>
<%--明细弹出框--%>
<div id="dictionaryItem_dialog">
    <form id="dictionaryItem_form" method="post">
        <input type="hidden" name="id">
        <table align="center" style="margin-top:15px">
            <tr>
                <td>明细名称</td>
                <td><input type="text" name="name"/></td></td>
            </tr>
            <tr>
                <td>明细简介</td>
                <td><input type="text" name="info"/></td></td>
            </tr>
            <tr>
                <td>明细目录</td>
                <td>
                    <input class="easyui-combobox"
                           data-options="url:'/dataDictionary/query.do',valueField:'id',textField:'name',panelHeight:'auto'"
                           name="dictionary.id">
                </td>
            </tr>
        </table>
    </form>
</div>
</body>
</html>
